﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <title>html main</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/bootstrap.min.css" rel="Stylesheet" />
    <link href="css/StyleSheet1.css" rel="stylesheet" />
    <link href="css/bootstrap-theme.min.css" rel="Stylesheet" />

    <style type="text/css">
        .adRightWrap {
            width: 1000px;
            overflow: hidden;
            height: 275px;
            position: relative;
            border: 1px solid red;
            left: 0;
            top: 100px;
        }

            .adRightWrap img {
                width: 1000px;
                height: 275px;
            }

            .adRightWrap .adpicul {
                position: relative;
                left: 0;
                top: 0;
                width: 1000px;
                height: 275px;
            }

            .adRightWrap .adpicli {
                position: absolute;
                z-index: 1;
                left: 0;
                top: 0;
                width: 1000px;
                height: 275px;
            }

            .adRightWrap .adtextwp {
                position: absolute;
                z-index: 5;
                right: 5px;
                bottom: 10px;
            }

                .adRightWrap .adtextwp a {
                    display: block;
                    float: left;
                    padding: 3px 5px;
                    line-height: 1;
                    margin: 0 2px;
                    display: inline;
                    text-decoration: none;
                    font-family: Verdana, Geneva, sans-serif;
                    font-size: 12px;
                    background: #ffffff;
                    border: 1px solid #585858;
                    color: #000;
                }

                    .adRightWrap .adtextwp a.current2 {
                        background: #0a7201;
                        color: #fff;
                        border: 1px solid #065000;
                    }
                   #ad li {
            border: solid 1px black;
            border-bottom-width: 0px;
            width:200px;
            left:150px;
        }
        /*.CNleft ul > i:first-child {
            border-top-width:0;
            height:100px;
        }
        .CNleft ul > i:last-child {
            height:300px;
        }*/
                   
    </style>
</head>
<body>
        <div class="header navbar-fixed-top" style="height:90px;">
            <div class="col-md-4">
                <img src="img/朝夕网制作.gif" style="height:92px;width:448px"/>
            </div>
            <div class="col-md-8">
        <div class="page-header " style="height:32px">
            <ul class="nav nav-justified">
                <li><a href="HTMLPage1.html">首页</a></li>
                <li><a href="ScendPage.html">公司简介</a></li>
                <li><a href="#">工程实例</a></li>
                <li><a href="#">技术优势</a></li>
                <li><a href="#">专业文献</a></li>
                <li><a href="#">客户留言</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
                </div>
            </div>
    <div class="container">

        <!--Carousel-->
        <div class="jumbotron" style="background-color: white">
            <div class="container">
                <div class="picture"style="height:390px">
                    <div class="adRightWrap">
                        <ul class="adpicul">
                            <li class="adpicli"><a href="http://www.mxhl.net" target="_blank">
                                <img src="img/2007121319482089_2.jpg"  border="0" /></a></li>
                            <li class="adpicli"><a href="http://www.mxhl.net" target="_blank">
                                <img src="img/200852691557175_2.jpg"  border="0" /></a></li>
                            <li class="adpicli"><a href="http://www.mxhl.net" target="_blank">
                                <img src="img/8092962_210244370389_2.jpg"  border="0" /></a></li>
                        </ul>
                        <div class="adtextwp">
                            <a href="javascript:goPlay(0);" class="current2">1</a>
                            <a href="javascript:goPlay(1);">2</a>
                            <a href="javascript:goPlay(2);">3</a>
                        </div>
                    </div>
                </div>
                <div class="page" >
                    <div class="row">
                        <div class="col-md-3">
                            <div class="CNleft">
                                <ul style="list-style-type:none" id="ad">
                                    <li class="" style="border-top-width:0px;height:110px;text-align:center"><a href="/aboutus/future.aspx">潍坊科技</a></li>
                                    <li class="on"style="text-align:center"><a href="/aboutus">公司简介</a></li>
                                    <li class=""style="text-align:center"><a href="/aboutus/future.aspx">企业愿景</a></li>
                                    <li class=""style="text-align:center"><a href="/aboutus/development.aspx">发展目标</a></li>
                                    <li class=""style="text-align:center"><a href="/aboutus/honor.aspx">企业荣誉</a></li>
                                    <li class=""style="text-align:center"><a href="/service">业务范围</a></li>
                                    <li class=""style="text-align:center"><a href="/contact/notebook.aspx">客户留言</a></li>
                                    <li class=""style="text-align:center;"><a href="/contact">联系我们</a></li>
                                    <li class=""style="text-align:center;height:300px"><a href="/contact">热线</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-9">
                            <div class="CNaddress ">
                                您的位置： <a href="/">首页</a> &gt; <a href="/aboutus">关于我们</a> &gt; 
   公司介绍
                            </div>
                            <textarea style="width: 675px; height: 500px; border: 0">
                            山东凯辰环保科技有限公司，坐落于美丽的泉城济南，办公大楼位于济南市高新技术开发区济南国际会展中心东侧致业科技园内，是一家专门从事污水治理工程、污水技术咨询、设计、施工、安装调试、设备制造、项目策划设计、项目运营、项目售后于一体的专业水处理公司。
公司拥有一批高水平专业技术人才，设计部、调试部、研发部、工程部等技术部门技术力量雄厚，同时与清华大学、山东大学、济南大学、齐鲁工业大学(原山东轻工业学院)等众多科研院校强强合作，形成了良好的产学研模式，保障公司形成了坚强的技术力量后盾，科研新技术及时得到了创新及应用。通过市场需求技术开发、人员培养和学科发展统筹规划形成了强大的持续创新能力和团结向上的精神面貌。公司主要技术人员从事专业水处理时间均已达到八年以上，所经手的设计、工程安装及调试竣工项目300余项。
公司自成立以来一直以雄厚的科研实力致力于环境微生物治理技术和专业物化技术的科研开发，现拥有国内最先进的IC厌氧反应器技术、UASB上流式厌氧污泥床反应器技术、USR固液处理技术、生物接触氧化技术、BAF曝气生物滤池技术、AOS(两级A/O活性污泥池)技术、MBR和MBBR生物反应器技术、流化式强氧化预处理和深度处理技术、高效射流曝气技术、生物除臭技术、沼气利用技术、高效生物脱氮技术、中水回用技术，同时是国内极少数拥有第三代厌氧IC反应器技术、高效脱氮技术、深度处理技术的专业水处理公司之一。目前公司各种主要技术已被广泛应用于市政、矿产、化工、制药、造纸、制革、酒精、蛋白、淀粉、淀粉糖、木糖、木糖醇、山梨醇、谷氨酸钠、色素、酶制剂、柠檬酸、啤酒、果汁、黄原胶等行业，实际工程经验丰富，为企业彻底解决困扰难题，真正实现了达标排放和变废为宝的目的。
山东凯辰环保科技有限公司以环境保护为己任，专心致力于各种工业废水处理领域的产品和应用技术的开发与推广，一直走在水处理行业和可持续发展的前沿，具有光辉灿烂的发展远景、雄厚的人才资源、坚强的技术后盾、持续的创新能力、协作的团队精神、蓬勃的市场生机和扎实的开拓能力，为公司持续健康的发展提供了保障。公司以“技术创新、诚信务实、厚德载物”的企业精神，实践企业的自我完善和发展，以诚恳精神、特色品牌为企业提供污水处理领域最为先进的技术、最优质的服务和最完善的解决方案。
                        </textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer" style="background-color: #007400">
        <p>
            &copy; Company 2013
        </p>
    </div>
</body>
<script src="https://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
    var conNum = 0; //图片初始值位数
    var totalLi = $(".adpicul li");//返回所有需要切换的图片对象
    var speed = 4000;//播放速度 
    var time = setInterval(timerF, speed); // 设置计时器
    $(document).ready(function (e) {
        $(".adpicul li").eq(conNum).siblings("li").fadeOut(0);//初始化图片
        $(".adtextwp a").eq(conNum).addClass("current2").siblings("a").removeClass("current2");//初始化tab顺序
    });

    function goPlay(num) {
        if (conNum == num) return; //如果点击当前 tab 函数返回空 不做任何操作
        conNum = num; //赋值
        $(".adpicul li").eq(conNum).fadeIn(300).siblings("li").fadeOut(300, timerF); //图片切换 切换完成 执行 timerF函数
        $(".adtextwp a").eq(conNum).addClass("current2").siblings("a").removeClass("current2");//tab切换
    }

    function timerF() {
        clearInterval(time);//清除计时器 防止重复添加计时器
        time = setInterval(function () {
            var sendValue = conNum + 1 >= totalLi.length ? 0 : conNum + 1;// 三元运算 如果 当前tab+1 >= 总图片数 等于0 否则等于 当前tab+1
            goPlay(sendValue);
        }, speed);
        // 重置计时器
    }
    $(".adpicul li").eq(conNum).fadeIn(300).siblings("li").fadeOut(300, timerF);
</script>
</html>
